<%@ page language="java" pageEncoding="UTF-8"%>
<%@include   file="header.jsp" %>
<%@include   file="search.jsp" %>
<%@include   file="banner.jsp" %>

<div class="gkk_top">
	<div class="gkk_toptitle"> 
		<div class="gkk_toptitle01" onClick="ajaxGetPublicCourseTabInfo('')"> 推荐空间 </div>
		
		<div class="gkk_toptitle02" onClick="ajaxGetPublicCourseTabInfo('理论知识')"> 理论知识 </div>
		
		<div class="gkk_toptitle02" onClick="ajaxGetPublicCourseTabInfo('实践技能')"> 实践技能 </div>
		
		<div class="gkk_toptitle02" onClick="ajaxGetPublicCourseTabInfo('大众课程')"> 大众课程 </div>
		
		<div class="gkk_toptitle02" onClick="ajaxGetPublicCourseTabInfo('考试辅导')"> 考试辅导 </div>
	</div>
</div>
<div class="gkk_top" style="margin-top:20px;">
    <div id="public_course_list">
        
        <c:forEach items="${courseRecommendVoList}" var="courseRecommendVo" varStatus="status">
            <c:if test="${status.index%4==0}" >
              <div class="gkk_body">
            </c:if>
             <div class="gkk_body01">
			   <div class="gkk_body02"> <img src="${imgpath}/images/gkk/gkk_01.jpg"> </div>
			   <div class="gkk_body03">${courseRecommendVo.courseName }</div>
			   <div class="gkk_body00" onMouseOver="this.className='gkk_bodyhid'" onMouseOut="this.className='gkk_body00'" >
				<div class="gkk_bodyopa01">
					<h2> ${courseRecommendVo.courseName }</h2>
					<p> ${courseRecommendVo.courseName }</p>
				</div>
				<div class="gkk_bodyopa02"> <span style="float:left"> <img src="${imgpath}/images/gkk/bf00.png"  align="absmiddle" /> 播放：888</span> <span style="float:right"> <img src="${imgpath}/images/gkk/pl01.png" align="absmiddle"> 评论：999</span> </div>
			  </div>
		     </div>
            <c:if test="${status.index%4==3}" >
              </div>
            </c:if>
        </c:forEach>
        
	
  </div>
	
	
	
	
</div>

<%@include   file="footer.jsp" %>